<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="format-detection" content="telephone=no"/>
    #parse("/h5/common/webWords.html")
    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/component.css"/>
    <script type="text/javascript" src="http://${staticHost}/js/jquery2.js"></script>
    <script type="text/javascript" src="http://${staticHost}/js/modernizr.custom.js"></script>
    <script type="text/javascript" src="http://${staticHost}/js/jquery.dlmenu.js"></script>
    <script src="http://${staticHost}/js/TouchSlide.js"></script>
    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/medioadaption.css"/>
    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/stcss.css"/>
	<link rel="stylesheet" type="text/css" href="http://${staticHost}/css/style1.css" />
	<script type="application/javascript">
		$(document).ready(function(){
		    $("#sendResumeList").click(function(){
				var _this = $(this);
		        var companyId = _this.attr('companyId');
		        var post = _this.attr('post');
		        var postId = _this.attr('postId');
		        var positionId = _this.attr('positionId');
		        var type = $('#type').val();
                window.location.href = "${requestHost}/personnelWork/auth/sendResumeList?companyId="+companyId+"&post="+post+"&postId="+postId+"&positionId="+positionId+"&type="+type;
			});
		});

	</script>
    <style type="text/css">
        .scroll_box_more a:hover {
            background-color: #eeeeee;
            color: #666666;
        }
		.main{margin:0;border-bottom: none;}
		.jobtitle1{
			font-size: 18px;
            height: 50px;
            line-height: 50px;
			color: #333333;
			background-color: #fefeff;
			border-bottom: 1px solid #f8f7fc;
		}
    </style>
	<link rel="stylesheet" type="text/css" href="http://${staticHost}/css/common.css" />
	<style type="text/css">
		.zwxq-banner-section {
			width: 100%;
			height: 13rem;
			clear: both;
			float: none;
		}
		/*banner*/

		.zwxq-banner-section>.banner-span {
			width: 100%;
			height: 140px;
			background: url('http://${staticHost}/images/gsbg.jpg') no-repeat;
            background-size: 100% 100%;
			display: inline-block;
		}

		.zwxq-banner-section>.header-span {
			width: 5rem;
			height: 5rem;
			border-radius: 3rem;
			background: #f8f7fc;
			display: inline-block;
			position: relative;
			left: 1.5rem;
			bottom: 4rem;
			overflow: hidden;
		}

		.zwxq-banner-section>.header-span>img {
			width: 100%;
			height: 100%;
		}
		/*company*/

		.zwxq-company-section {
			border-bottom: 1rem solid #f8f7fc;

		}

		.zwxq-company-section>span {
			display: block;
		}

		.zwxq-company-section>.company-name-span {

			font-weight: bold;
			font-size: 1.6rem;
		}

		.zwxq-company-section ul {
			padding: 0;
		}

		.zwxq-company-section ul li {
			display: inline-block;
			list-style: none;
			border-right: .1rem solid;
			padding: 0 .5rem;
		}

		.zwxq-company-section ul li:last-child {
			border: 0;
		}
		/*job Detail*/

		.zwxq-detail-title {
			text-align: left;
			height: 2rem;
			line-height: 2rem;
		}

		.zwxq-detail-content>span {
			display: block;
			margin-top: .3rem;
			margin-bottom: .3rem;
		}
		.zwxq-bottom-btn{
			text-align: center;
		}

		/*新增*/
		.smalltitle{    border-bottom: 1px solid #ddd;font-size: 16px;width: 95%;margin: 0 auto;}
		.smallul{width: 95%;margin: 0 auto;padding: 20px 0;font-size: 14px;}
		.smallul li {  line-height: 30px;  }
		.smalltitle .fl, .smalltitle .fr{color: #666;font-size: 16px; font-weight: normal;}
		.attrname {  width: 65px;  display: inline-block;  text-align: right;  margin-right: 5px;  }
		.smalllist{width: 100%;}
		.jobtitle1{
			font-size: 18px;
			height: 50px;
			line-height: 50px;
			color: #333333;
			background-color: #fefeff;
			border-bottom: 1px solid #f8f7fc;
		}
		.companyinfo {
			width: 95%;
			margin: 0 auto;
		}
		.companyeditname {
			height: 40px;
			line-height: 40px;
		}
		.companyname {
			font-size: 18px;
			color: #333;
		}
		.companytag {
			font-size: 12px;
			background: #ffb22c;
			color: white;
			padding: 3px;
			margin-left: 5px;
		}
		.companycate p {
			color: #666666;
			line-height: 30px;
			font-size: 14px;
		}
	</style>

</head>
<body style="background: white;">
#parse("/h5/common/back.html")
<div class="global-container">
	<header class="global-header">
		职位详情
	</header>
	<section class="zwxq-banner-section">
		<span class="banner-span"></span>
		<span class="header-span">
                <img src="$!positionMap.headPortrait">
            </span>
	</section>
</div>
<div class="global-container" style="margin-top: 15px;">
	<div class="companyinfo">
		<div class="companyeditname">
			<span class="companyname fl">$!positionMap.companyName</span>
			<span class="companytag"> 会员</span>
			<!--<span class="companyedit fr"><a href="/auth/enterpriseInformationManagement"><img src="http://116.255.210.85:9911/images/edit.png" style="width: 20px;"></a></span>-->
		</div>
		<div class="companycate">
			<p><span>$!positionMap.companyIndustryName</span></p>
			<p><span>$!positionMap.companyNatureName</span></p>
		</div>
	</div>
	<div style="background:#f8f7fc;height:10px;width:100%;"></div>
	<!--<section class="global-section zwxq-company-section">-->
		  <!--<span class="company-name-span">-->
                <!--$!positionMap.companyName-->
                <!--<span class="global-hit">会员</span>-->
            <!--</span>-->
		<!--<span style="margin-top: .5rem;margin-bottom: .5rem;">-->
                <!--<ul>-->
                    <!--<li>$!positionMap.companyIndustryName</li>-->
                <!--</ul>-->
        <!--</span>-->
		<!--<span style="margin-top: .5rem;margin-bottom: .5rem;">-->
			<!--<ul>-->
				<!--<li>$!positionMap.companyNatureName</li>-->
			<!--</ul>-->
		<!--</span>-->
	<!--</section>-->
	<div class="smalltitle" type="userBasisInfo">
			<div class="fl">职位详情</div>
			<div class="clear"></div>
	</div>
	<ul class="smallul">
		<li><span>职位：</span><span>$!positionMap.allPostName</span></li>
		<li><span>工资：</span><span>$!positionMap.jobPayName</span></li>
		<li><span>学历：</span><span>$!positionMap.educationalRequirementsName</span></li>
		<li><span>工作年限：</span><span>$!positionMap.workingLifeName</span></li>
		<li><span>工作地点：</span><span>$!positionMap.allWorkPlaceName</span></li>
	</ul>
	<div style="background:#f8f7fc;height:10px;width:100%;"></div>
	<div class="smalltitle">
		<div class="fl">工作职责</div>
		<div class="clear"></div>
	</div>
	<ul class="smallul">
		<li style="overflow: overlay;word-wrap:break-word;">$!positionMap.jobDescription</li>
	</ul>
	<div style="background:#f8f7fc;height:10px;width:100%;"></div>
	<div class="smalltitle">
		<div class="fl">任职要求</div>
		<div class="clear"></div>
	</div>
	<ul class="smallul">
		<li style="overflow: overlay;word-wrap:break-word;">$!positionMap.qualification</li>
	</ul>
	<div style="background:#f8f7fc;height:10px;width:100%;"></div>
	<div class="smalltitle">
		<div class="fl">公司介绍</div>
		<div class="clear"></div>
	</div>
	<ul class="smallul">
		<li style="overflow: overlay;word-wrap:break-word;">$!positionMap.companyProfile</li>
	</ul>
	<div style="background:#f8f7fc;height:1px;width:100%;"></div>
	<input type="hidden" value="$type" id="type"/>
	<div class="md_dl"><input class="global-button-big" type="button" style="margin-top:10px; margin-bottom:10px;width:80%; height:42px;" name="" id="sendResumeList" positionId="$positionId" postId="$positionMap.post" post="$!positionMap.allPostName" companyId="$positionMap.companyId" value="应聘职位"></div>
</div>
<div class="holderdiv"></div>
<!--底部 begin -->
#parse("/h5/common/footer.html")
<!-- 底部 end -->
</body>
</html>
